<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 简洁博客</title>
    <!--重置的样式-->
    <link href="https://cdn.bootcss.com/normalize/8.0.0/normalize.min.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<!--fontAwesome-->
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!--jquery的-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <!-- 自定义 -->
    <link href="css/style.css" rel="stylesheet">
	<script>	
		(function($) {
			$(function() {
				var $body = $('body'),
					$header = $('#header');
					$('<div id="titleBar">' + '<a href="javascript:void(0);" class="toggle" onclick="rightTab()" ></a>' + '<span class="title">' + $('#name').html() + '</span>' + '</div>').appendTo($body);
			})
		})(jQuery);
		
		function rightTab(){
			var $body =  $("body");
			var tab =$body.attr("class");
			if(tab==undefined||tab==""){
				$body.addClass("header-visible");
			}else{
				$body.removeClass("header-visible");
			}
		}

	
	</script>
</head>
<body>
	<!--header Start-->
    <div class="header" id="header">
        <div class="avatar">
            <a href="https://tangjie.me/" title="PM唐杰" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                <img src="https://tangjie.me/media/avatar.jpg" alt="唐杰头像" class="img-circle" width="50%"></a>
        </div>
        <h1 id="name">PM唐杰</h1>
        <div class="sns">
            <a href="https://tangjie.me/feed" target="_blank" rel="nofollow" title="RSS" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-rss" aria-hidden="true"></i></a>
            <a href="https://twitter.com/JieTangOK" target="_blank" rel="nofollow" title="Twitter" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-twitter" aria-hidden="true"></i></a>
            <a href="https://github.com/Jarvis-Tang" target="_blank" rel="nofollow" title="GitHub" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-github" aria-hidden="true"></i></a>
        </div>
        <div class="nav">
            <ul>
                <li><a href="https://tangjie.me/" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">首页</a></li>
                <li><a href="https://tangjie.me/about" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">博主介绍</a></li>
                <li><a href="#" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">WP主题</a>
                    <ul>
                        <li><a href="https://tangjie.me/jiestyle-two" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">JieStyle Two <span style="font-size:10px;">(v2.3)</span></a></li>
                        <li><a href="https://tangjie.me/jiestyle" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">JieStyle One <span style="font-size:10px;">(v1.3)</span></a></li>
                        <li><a href="https://tangjie.me/tangstyle" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">TangStyle <span style="font-size:10px;">(v1.6)</span></a></li>
                        <li style="border:none;"><a href="https://tangjie.me/bighub" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">BigHub <span style="font-size:10px;">(v1.0)</span></a></li>
                    </ul>
                </li>
                <li><a href="#" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">唐杰出品</a>
                    <ul>
                        <li><a href="https://tangjie.me/zhinan" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">产品经理入门指南</a></li>
                        <li><a href="https://tangjie.me/blog/197.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">杰出产品经理书</a></li>
                        <li><a href="https://tangjie.me/blog/232.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">杰出产品经理卡</a></li>
                        <li style="border:none;"><a href="https://tangjie.me/jiechu" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">杰出产品经理课</a></li>
                    </ul>
                </li>
                <li><a href="https://tangjie.me/dashang" style="color: rgb(255, 255, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><i class="fa fa-gift" aria-hidden="true"></i> 打赏 <i class="fa fa-gift" aria-hidden="true"></i></a></li>
            </ul>
        </div>
        <div class="weixin">
            <img src="https://tangjie.me/media/weixin.jpg" alt="唐杰微信" width="50%">
            <p>唐杰微信</p>
        </div>
    </div>
   	<!--header End-->
   <div class="main">
        <div class="row box">
            <div class="col-md-8">
                <h2 class="uptop">
                    <i class="fa fa-arrow-circle-up" aria-hidden="true"></i>
                    <a href="#" target="_blank">博客开端，致自己</a>
                </h2>
                <div class="article-list-1">
                    <div class="article_header">
                        <h1 class="post-title"><a href="https://tangjie.me/blog/250.html">唐杰SEO教程站：我的第一个代表作</a></h1>
                        <div class="post-meta">
                            <span class="meta-span"><i class="fa fa-calendar"></i> 09月15日</span>
                            <span class="meta-span"><i class="fa fa-folder-open-o"></i> <a href="https://tangjie.me/at/zhichang" rel="category tag">职场人生</a></span>
                            <span class="meta-span"><i class="fa fa-commenting-o"></i> <a href="https://tangjie.me/blog/250.html#respond">没有评论</a></span>
                            <span class="meta-span hidden-xs"><i class="fa fa-tags" aria-hidden="true"></i> <a href="https://tangjie.me/tag/seo" rel="tag">SEO</a>,<a href="https://tangjie.me/tag/seo%e7%9f%a5%e8%af%86" rel="tag">SEO知识</a>,<a href="https://tangjie.me/tag/%e4%b8%aa%e4%ba%ba%e7%ab%99%e9%95%bf" rel="tag">个人站长</a>,<a href="https://tangjie.me/tag/%e7%ab%99%e9%95%bf" rel="tag">站长</a></span>
                        </div>
                        <div class="post-content clearfix">
                            <p>昨天我创建了一个「知识球星」，然后在公众号推送了一条纯文字信息推荐了这个球星。有几位朋友比较好奇这个星球是什么？有什么活动或者价值？


                                我的本意就是创建一个交流群，相比较即时通讯工具的群聊（QQ群或...</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="widget">
                    <form id="searchform" action="https://tangjie.me">
                        <div class="input-group">
                            <input type="search" class="form-control" placeholder="搜索…" value="" name="s">
                            <span class="input-group-btn"><button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button></span>
                        </div>
                    </form>
                </div>

                <div class="widget">
                    <h4 class="widget-title">文章分类</h4>
                    <ul class="widget-cat">
                        <li class="cat-item cat-item-1"><a href="https://tangjie.me/at/ganwu" title="产品的心得，工作的感悟">心得感悟</a> (10)
                        </li>
                        <li class="cat-item cat-item-2"><a href="https://tangjie.me/at/yuedu" title="阅读笔记和读后感">阅读笔记</a> (15)
                        </li>
                        <li class="cat-item cat-item-11"><a href="https://tangjie.me/at/zakan" title="工作之外事，也可调侃谈。">天下杂侃</a> (46)
                        </li>
                        <li class="cat-item cat-item-12"><a href="https://tangjie.me/at/zhichang" title="职场也人生，学习更上进。">职场人生</a> (52)
                        </li>
                        <li class="cat-item cat-item-20"><a href="https://tangjie.me/at/fenxiang" title="若有好东西，岂能我独享。">一些分享</a> (31)
                        </li>
                        <li class="cat-item cat-item-21"><a href="https://tangjie.me/at/tiyan" title="体验各产品，总结些体会。">产品体验</a> (7)
                        </li>
                        <li class="cat-item cat-item-22"><a href="https://tangjie.me/at/sheji" title="产品的心得，设计的技巧。">产品设计</a> (29)
                        </li>
                        <li class="cat-item cat-item-23"><a href="https://tangjie.me/at/idea" title="思维的火花，有趣的想法。">奇思妙想</a> (11)
                        </li>
                        <li class="cat-item cat-item-234"><a href="https://tangjie.me/at/shu" title="产品经理书籍">杰出产品经理书 v1.0</a> (33)
                        </li>
                        <li class="cat-item cat-item-361"><a href="https://tangjie.me/at/shu-2" title="产品经理书籍">杰出产品经理书 v2.0</a> (13)
                        </li>
                    </ul>
                </div>
                <div class="widget">
                <h4 class="widget-title">随机推荐</h4>
                <ul class="widget-hot">
                    <li class="cat-item cat-item-1"><a href="https://tangjie.me/at/ganwu" title="调查：你在工作中都使用哪些工具软件？">调查：你在工作中都使用哪些工具软件？</a>
                    </li>
                    <li class="cat-item cat-item-2"><a href="https://tangjie.me/at/yuedu" title="阅读笔记和读后感">阅读笔记</a>
                    </li>
                    <li class="cat-item cat-item-11"><a href="https://tangjie.me/at/zakan" title="工作之外事，也可调侃谈。">天下杂侃</a>
                    </li>
                    <li class="cat-item cat-item-12"><a href="https://tangjie.me/at/zhichang" title="职场也人生，学习更上进。">职场人生</a>
                    </li>
                    <li class="cat-item cat-item-20"><a href="https://tangjie.me/at/fenxiang" title="若有好东西，岂能我独享。">一些分享</a>
                    </li>
                    <li class="cat-item cat-item-21"><a href="https://tangjie.me/at/tiyan" title="体验各产品，总结些体会。">产品体验</a>
                    </li>
                    <li class="cat-item cat-item-22"><a href="https://tangjie.me/at/sheji" title="产品的心得，设计的技巧。">产品设计</a>
                    </li>
                    <li class="cat-item cat-item-23"><a href="https://tangjie.me/at/idea" title="思维的火花，有趣的想法。">奇思妙想</a>
                    </li>
                    <li class="cat-item cat-item-234"><a href="https://tangjie.me/at/shu" title="产品经理书籍">杰出产品经理书 v1.0</a>
                    </li>
                    <li class="cat-item cat-item-361"><a href="https://tangjie.me/at/shu-2" title="产品经理书籍">杰出产品经理书 v2.0</a>
                    </li>
                </ul>
            </div>
                <div class="widget">
                    <h4 class="widget-title">标签云</h4>
                        <ul>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/1">Linux</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/2">Java</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/3">Spring</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/4">Spring Boot</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/5">其他</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/9">人生</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/10">javascript</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/11">jquery</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/12">播放器</a></li>
                            <li class="tag-li"><a class="btn btn-default btn-xs" href="/blog/tag/13">异常</a></li>
                        </ul>

                </div>

                <div class="widget">
                    <h4 class="widget-title">友情链接</h4>
                    <ul class="widget-link">
                        <li class="cat-item cat-item-1"><a href="https://tangjie.me/at/ganwu" title="产品的心得，工作的感悟">牛逼class</a>
                        </li>
                        <li class="cat-item cat-item-2"><a href="https://tangjie.me/at/yuedu" title="阅读笔记和读后感">阅读笔记</a>
                        </li>
                        <li class="cat-item cat-item-11"><a href="https://tangjie.me/at/zakan" title="工作之外事，也可调侃谈。">天下杂侃</a>
                        </li>
                        <li class="cat-item cat-item-12"><a href="https://tangjie.me/at/zhichang" title="职场也人生，学习更上进。">职场人生</a>
                        </li>
                        <li class="cat-item cat-item-20"><a href="https://tangjie.me/at/fenxiang" title="若有好东西，岂能我独享。">一些分享</a>
                        </li>
                        <li class="cat-item cat-item-21"><a href="https://tangjie.me/at/tiyan" title="体验各产品，总结些体会。">产品体验</a>
                        </li>
                        <li class="cat-item cat-item-22"><a href="https://tangjie.me/at/sheji" title="产品的心得，设计的技巧。">产品设计</a>
                        </li>
                        <li class="cat-item cat-item-23"><a href="https://tangjie.me/at/idea" title="思维的火花，有趣的想法。">奇思妙想</a>
                        </li>
                        <li class="cat-item cat-item-234"><a href="https://tangjie.me/at/shu" title="产品经理书籍">杰出产品经理书 v1.0</a>
                        </li>
                        <li class="cat-item cat-item-361"><a href="https://tangjie.me/at/shu-2" title="产品经理书籍">杰出产品经理书 v2.0</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="copyright">
            <p><i class="fa fa-copyright" aria-hidden="true"></i> 2011-2018 <b>产品经理@唐杰</b></p>
            <p>Powered by <b>WordPress</b>. Theme by <a href="https://tangjie.me/jiestyle-two" data-toggle="tooltip" data-placement="top" title="" target="_blank" data-original-title="WordPress 主题模板"><b>JieStyle Two</b></a> | 苏ICP备15021382号-1</p>
        </div>
    </div>
</body>
</html>